<template>
  <section class="inner">
    <section class="inner-top">
      <el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect">
        <el-menu-item index="log">操作日志管理</el-menu-item>
        <el-menu-item index="campus">校区管理</el-menu-item>
        <!--<el-menu-item index="organization">组织级别</el-menu-item>-->
      </el-menu>
    </section>
    <section class="inner-bottom">
      <Log key="log" v-if="activeIndex === 'log'"></Log>
      <Campus key="campus" v-if="activeIndex === 'campus'"></Campus>
      <Organization key="organization" v-if="activeIndex === 'organization'"></Organization>
    </section>
  </section>
</template>

<script>
import Log from './Log'
import Campus from './Campus'
// import Organization from './Organization'
export default {
  name: 'integratedManagement',
  data () {
    return {
      activeIndex: 'log'
    }
  },
  components: {
    Log: Log,
    Campus: Campus
  },
  methods: {
    handleSelect (key) {
      this.activeIndex = key
    }
  }
}
</script>
